<!DOCTYPE html>
<html>    
    <head>
        <meta charset="utf-8">
        <meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta http-equiv="content-security-policy">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">        
        <!-- Path to Framework7 Library CSS-->
        <link rel="stylesheet" href="/css/framework7.ios.min.css">
        <link rel="stylesheet" href="/css/framework7.ios.colors.min.css">
        <!-- Path to your custom app styles-->
        <link rel="stylesheet" href="css/myApp.css">
    </head>
    <body style="-webkit-text-size-adjust:none;">
    <!-- Status bar overlay for full screen mode (PhoneGap) -->
    <div class="statusbar-overlay"></div>
    <!-- Views -->
    <div class="views">
      <!-- Your main view, should have "view-main" class -->
      <div class="view view-main">
        <!-- Top Navbar-->
        <div class="navbar">
          <div class="navbar-inner">
            <!-- We need cool sliding animation on title element, so we have additional "sliding" class -->
            <div class="center sliding"></div>
          </div>
        </div>
        <!-- Pages container, because we use fixed-through navbar and toolbar, it has additional appropriate classes-->
        <div class="pages navbar-through">
          <!-- Page, "data-page" contains page name -->
          <div data-page="radar_index" class="page" id="radar_index">
            <!-- Scrollable page content -->
            <div class="page-content">
                <div class="container">
		            <div class="border1">
		                <div class="pointer"></div>
		                <div class="target">
		                    <!-- PC端测试 -->
		                    <!-- <span class='targetloc' data-targetid='100904460' data-rssi='-70' 
		                    data-uuid='FDA50693-A4E2-4FB1-AFCF-C6EB07647825' data-major='10090' data-minor='4460'></span> -->
		                </div>
		                <div class="border2">
		                    <div class="border3">
		                        <div class="avator">
		                           <img src="img/zhentan-icon.png">
		                        </div>
		                    </div>
		                </div>
		            </div>
		            <div class="scan-btn start">开始扫描</div>
		            <div class="scan-btn stop" style="display:none;">结束扫描</div>
                </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- popup -->
    <div class="popup popup-morse">
        <div class="morse-container">
        	<div class="morse-text">第一段电码</div>
		    <audio class="morse-audio" controls='controls'>
				<source src="/treasure_hunter/2/audio/twc_qb_morse_01.mp3" type="audio/mpeg"></source>
			</audio>
		</div>
		<div class="morse-container">
			<div class="morse-text">第二段电码</div>
			<audio class="morse-audio" controls='controls'>
				<source src="/treasure_hunter/2/audio/twc_qb_morse_02.mp3" type="audio/mpeg"></source>
			</audio>
		</div>
		<div class="morse-container">
			<div class="morse-text">第三段电码</div>
			<audio class="morse-audio" controls='controls'>
				<source src="/treasure_hunter/2/audio/twc_qb_morse_03.mp3" type="audio/mpeg"></source>
			</audio>
		</div>
		<div class="morse-container">
			<div class="morse-text">第四段电码</div>
			<audio class="morse-audio" controls='controls'>
				<source src="/treasure_hunter/2/audio/twc_qb_morse_04.mp3" type="audio/mpeg"></source>
			</audio>
		</div>
		<p style="text-align: center;font-size: 18px;margin: 40px 0px;">
			<a href="#" class="close-popup">关闭</a>
		</p>
    </div>
    <div class="popup popup-tel-record">
        <div class="morse-container">
        	<div class="morse-text">第一段</div>
		    <audio class="morse-audio" controls='controls'>
				<source src="/treasure_hunter/2/audio/twc-qb-tel1.mp3" type="audio/mpeg"></source>
			</audio>
		</div>
		<div class="morse-container">
			<div class="morse-text">第二段</div>
			<audio class="morse-audio" controls='controls'>
				<source src="/treasure_hunter/2/audio/twc-qb-tel2.mp3" type="audio/mpeg"></source>
			</audio>
		</div>
		<div class="tel-record-icon"></div>
		<p style="text-align: center;font-size: 18px;margin: 40px 0px;">
			<a href="#" class="close-popup">关闭</a>
		</p>
    </div>
    <script id="qblist_item" type="text/template">
     <div class="list-block">
  		<ul style="background-color: transparent;">
          {{#each this}}
    		<li style="background: #fff;margin: 0px 10px 15px;">
      			<a href="{{url}}" class="item-link item-content qbitem">
        			<div class="item-media"><img src="{{thumb}}" style="width:120px;height:80px;"></div>
        			<div class="item-inner">
          				<div class="item-title">{{title}}</div>
        			</div>
      			</a>
    		</li>
           {{/each}}
  		</ul>
	 </div>
    </script>
    <!-- Path to Framework7 Library JS-->
    <script type="text/javascript" src="/js/framework7.js"></script>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
    <!-- 初始化 -->
    <script type="text/javascript" src="js/init.js"></script>
    <!-- 全局函数 -->
	<script type="text/javascript" src="js/function.js"></script>
	<!-- 全局事件 -->
	<script type="text/javascript" src="js/event.js"></script>
	<!-- 页面 -->
	<script type="text/javascript" src="js/page_qblist.js"></script>
	<script type="text/javascript" src="js/page_twcqb.js"></script>
	<script type="text/javascript" src="js/page_fate.js"></script>
	<script type="text/javascript" src="js/page_jas_bg.js"></script>
	<script type="text/javascript" src="js/page_jas_bg_hw.js"></script>
	<script type="text/javascript" src="js/page_blm_bg.js"></script>
	<script type="text/javascript" src="js/page_blm_qb_reward.js"></script>
	<script type="text/javascript" src="js/page_blm_qb_dance.js"></script>
	<script type="text/javascript" src="js/page_dht_qb.js"></script>
	<script type="text/javascript" src="js/page_twc_bg.js"></script>
	<script type="text/javascript" src="js/page_xct_bg.js"></script>
	<script type="text/javascript" src="js/page_xct_qb.js"></script>
	<script type="text/javascript" src="js/page_whq_bg.js"></script>
	<script type="text/javascript" src="js/page_whq_bg_xb.js"></script>
	<script type="text/javascript" src="js/page_wh_bg.js"></script>
	<script type="text/javascript" src="js/page_wh_qb.js"></script>
	<script type="text/javascript" src="js/page_jagy_qb.js"></script>
	<!-- 补充 -->
	<script type="text/javascript" src="js/end.js"></script>
	
    </body>
</html>